// 各盒子圆角
.radius {
  border-radius: 10rpx;
  overflow: hidden;
}

.teacherHome_box {
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  position: relative;

  //logo图
  .head {
    width: 100%;
    height: 200rpx;
    background-color: white;
    background: url(../../static/index/head_bj.png)no-repeat center/100% 100%;
    position: relative;

    .head_logo {
      // position: absolute;
      // top: 20rpx;
      // left: 20rpx;
      width: 404rpx;
      height: 71rpx;

      // background-image: url(../../static/index/logo2.png);
      // background-size: 100% 100%;
      image {
        margin: 20rpx 0 10rpx 20rpx;
      }

      .head_txt {
        margin-left: 106rpx;
        color: #e4f0fe;
        font-size: 28rpx;
        font-weight: 600;
        display: flex;

        .txt1 {
          margin-right: 30rpx;
        }
      }
    }

  }

  .contents {
    padding: 20rpx 30rpx;
    box-sizing: border-box;
    position: relative;
  }

  // tab切换
  .title_h {
    width: 100%;
    height: 60rpx;
    background-color: white;
    text-align: center;
    line-height: 74rpx;
    font-size: 38rpx;
    font-weight: bold;
  }

  .tab_title_box {
    display: flex;
    height: 70%;
    background-color: #f2f2f2;


    .title_text {
      text-align: center;
      line-height: 72rpx;
      padding: 0px 25rpx;
      color: #418cff;
    }

    .tab_active {
      background-color: #418cff;
      color: white;
      font-weight: 600;
    }

  }

  .nut-tabpane {
    padding: 0 0;
  }

  .nut-tabs__titles {
    height: 100rpx;
    // padding: 0 220rpx;
    align-items: center;
    background-color: white;
    border-radius: 10rpx;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 15rpx;
  }

  .nut-tabs__titles.normal .nut-tabs__titles-item {
    height: 60rpx;
    // background: #f5f5f5;
    color: #418cff;
  }

  .nut-tabs__titles-item.active {
    font-weight: 600;
    color: #fff !important;
    background-color: #418cff;
  }

  .nut-tabpane {
    background-color: #f5f5f5;
    // padding: 20rpx 40rpx;
    // margin-bottom: 130rpx;
  }

  .nut-tabs__titles-item__text.ellipsis {
    width: 100%;
    height: 100%;
    line-height: 52rpx;
  }

  .nut-tabs__content {
    background: #f2f2f2;
  }


  .nut-tabs__titles-item.active .nut-tabs__titles-item__line {
    width: 0;
  }

  .nut-infiniteloading .nut-infinite-bottom {
    padding-top: 10px;
    padding-bottom: 20rpx;
  }

  .ul {
    .li {
      background-color: white;
      display: flex;
      justify-content: space-between;
      padding: 20rpx;
      box-sizing: border-box;
      margin-bottom: 20rpx;
      border-radius: 10rpx;

      .p1 {
        color: #000;
        font-size: 28rpx;
      }

      // 按钮
      .right_box2 {
        height: 100%;
        display: flex;
        align-self: flex-start;
        font-size: 28rpx;
        background-color: white;
        color: #418cff;
        padding: 10rpx 5rpx;

      }

      .right_box {
        height: 100%;
        display: flex;
        align-self: flex-start;

        .nut-overlay {
          background: rgba(0, 0, 0, 0.1);
        }

        .nut-cell {
          padding: 4px 8px;
          background: #4983f2;
          color: white;
          border-radius: 10rpx;
          margin: 0rpx;
        }
      }
    }
  }

  .infiniteUl {
    height: 910rpx;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f2f2f2
  }

  .popup-center {
    top: 50%;
    left: 50%;

  }

  .nut-dialog__content {
    color: #000;
    line-height: 30rpx;
  }

  .nut-button--primary {
    background: #4983f2;
  }

  .nut-button--plain {
    background: #fff;
    border: 1px solid #4983f2;
    color: #4983f2;
  }

  .cell_title {
    font-size: 26rpx;
  }

  .beizhu {
    width: 100%;
    color: #000;
    display: flex;
    flex-direction: column;

    .txt {
      width: 28%;
      color: #000;
      font-size: 26rpx;
    }

    .nut-input {
      padding: 0rpx;

      .nut-input-border {
        font-size: 26rp;
      }
    }

    .nut-textarea {
      width: 100%;
      display: flex;
      background: #fff;
      font-size: 14px;
      padding: 0px 0px;
    }

    .nut-textarea__textarea {
      border: 1rpx solid #f2f2f2;
      height: 150rpx;
      padding: 10rpx;
    }
  }

  .cell_title {
    font-size: 29rpx;
    text-align: left !important;
    text-indent: 5rpx;
    margin-bottom: 15rpx;
  }

  // 退出登入
  .out_login {
    position: fixed;
    width: 68rpx;
    height: 50rpx;
    background: #ffffff00 url(../../static/index/out_login2.png) no-repeat left / 70% 100%;
    right: 0rpx;
    top: 20rpx;
  }
}